    <!--  form表单搜索 -->
    <form nz-form (ngSubmit)="search()" [nzLayout]="'inline'">
        <div nz-row  [nzType]="'flex'" [nzJustify]="'start'" [nzGutter]="24">
            <div nz-col [nzSpan]="8" class="mb-md">
                <div nz-form-item class="d-flex">
                    <div nz-form-label><label>员工姓名</label></div>
                    <div nz-form-control class="flex-1">
                        <nz-input [(ngModel)]="emp.empName" name="empName" [nzSize]="'large'" [nzPlaceHolder]="'员工姓名'" nzId="name"></nz-input>
                    </div>
                </div>
            </div>
            <!--<div nz-col [nzSpan]="8" class="mb-md">
                <div nz-form-item class="d-flex">
                    <div nz-form-label><label>员工编号</label></div>
                    <div nz-form-control class="flex-1">
                        <nz-input [(ngModel)]="emp.empCode" name="empCode" [nzSize]="'large'" [nzPlaceHolder]="'员工编号'" nzId="numbering"></nz-input>
                    </div>
                </div>
            </div>-->
            <div  nz-col [nzSpan]="8" class="mb-md">
                <div nz-form-item class="d-flex">
                    <div nz-form-label><label>性别</label></div>
                    <div nz-form-control class="flex-1">
                        <nz-select style="width:100%" [(ngModel)]="emp.gender" nzAllowClear name="gender" [nzSize]="'large'" [nzPlaceHolder]="'性别'" nzId="gender">
                            <nz-option  *ngFor="let i of gender;" [nzLabel]="i.itemName" [nzValue]="i.itemValue"></nz-option>
                        </nz-select>
                    </div>
                </div>
            </div>
            <div *ngIf="expandForm" nz-col [nzSpan]="8" class="mb-md">
                <div nz-form-item class="d-flex">
                    <div nz-form-label><label>基本岗位</label></div>
                    <div nz-form-control class="flex-1">
                        <nz-select style="width:100%" [(ngModel)]="emp.guidPosition" name="emprank" nzAllowClear  [nzSize]="'large'" [nzPlaceHolder]="'基本岗位'" nzId="emppost">
                            <nz-option  *ngFor="let i of emppost;" [nzLabel]="i.positionName" [nzValue]="i.guid"></nz-option>
                        </nz-select>
                    </div>
                </div>
            </div>
            <div *ngIf="expandForm" nz-col [nzSpan]="8" class="mb-md">
                <div nz-form-item class="d-flex">
                    <div nz-form-label><label>直接主管</label></div>
                    <div nz-form-control class="flex-1">
                        <nz-select style="width:100%" [(ngModel)]="emp.guidEmpMajor" name="emprank" nzAllowClear [nzSize]="'large'" [nzPlaceHolder]="'直接主管'" nzId="supervisor">
                            <nz-option  *ngFor="let i of supervisor;" [nzLabel]="i.empName" [nzValue]="i.guid"></nz-option>
                        </nz-select>
                    </div>
                </div>
            </div>
            <div *ngIf="expandForm" nz-col [nzSpan]="8" class="mb-md">
                <div nz-form-item class="d-flex">
                    <div nz-form-label><label>员工状态</label></div>
                    <div nz-form-control class="flex-1">
                        <nz-select style="width:100%" [(ngModel)]="emp.empstatus"  name="gender" nzAllowClear [nzSize]="'large'" [nzPlaceHolder]="'员工状态'" nzId="gender">
                            <nz-option  *ngFor="let i of empType;" [nzLabel]="i.itemName" [nzValue]="i.itemValue"></nz-option>
                        </nz-select>
                    </div>
                </div>
            </div>
            <div nz-col [nzSpan]="expandForm ? 24 : 8" class="mb-md" [class.text-right]="expandForm">
                <button nz-button type="submit" [nzType]="'primary'" [nzLoading]="loading" [nzSize]="'large'">查询</button>
                <button nz-button type="reset" (click)="reset()" [nzSize]="'large'" class="mx-sm">重置</button>
                <a (click)="expandForm=!expandForm">
                    {{expandForm ? '收起' : '展开'}}
                    <i class="anticon" [class.anticon-down]="!expandForm" [class.anticon-up]="expandForm"></i>
                </a>
            </div>
        </div>
    </form>
    <!-- 监听列表组件，如果点击了则告诉弹出框组件，打开弹出框,监听addCreat方法-->
    <app-list (addCreat)="addHandler($event)"
              [total]="total"
              [buttons] = 'buttons'
              [configTitle]="configTitle"
              [selectedRows]="selectedRows"
              (buttonData)="buttonDataHandler($event)"
              (buttonEvent) = "buttonEvent($event)"
              (pageNumber)="monitorHandler($event)"
              (deleteBatch)="deleteBatch($event)"
              (selectedRow)="selectedRow($event)"
              (isActive)="isActive($event)"
              [initDate] = "data"
              [loading]="loading"
              [headerDate] = "headerData"
              [pageindex]='emp.pi'
              [moreData] = "moreData"></app-list>
    <!--引入列表组件-->

    <!--新增员工弹出框信息-->
    <nz-modal [nzVisible]="modalVisible" [nzMaskClosable]="false"  [nzMaskClosable]="false"  [nzWidth]="1024" [nzTitle]="empTitle"  [nzConfirmLoading]="loading" [nzContent]="modalContent"
          (nzOnCancel)="cancel()" (nzOnOk)="save()">
        <ng-template #modalContent>
            <!-- 主要信息 -->
            <div *ngIf="!ifshow" nz-row [nzType]="'flex'" [nzJustify]="'start'" [nzGutter]="24">
                <div nz-col [nzSpan]="12" class="mb-md">
                    <div nz-form-item class="d-flex">
                        <div nz-form-label class="alignment"><label for="no">员工姓名</label></div>
                        <div nz-form-control class="flex-1">
                            <nz-input [(ngModel)]="empAdd.empName" name="empName" [nzSize]="'large'" [nzPlaceHolder]="'员工姓名'" nzId="empName"></nz-input>
                        </div>
                    </div>
                </div>
                <div nz-col [nzSpan]="12" class="mb-md">
                    <div nz-form-item class="d-flex">
                        <div nz-form-label class="alignment"><label for="no">员工全名</label></div>
                        <div nz-form-control class="flex-1">
                            <nz-input [(ngModel)]="empAdd.empRealname" name="empRealname" [nzSize]="'large'" [nzPlaceHolder]="'员工全名'" nzId="empRealname"></nz-input>
                        </div>
                    </div>
                </div>
                <div nz-col [nzSpan]="12" class="mb-md">
                    <div nz-form-item class="d-flex">
                        <div nz-form-label class="alignment"><label for="no">员工代码</label></div>
                        <div nz-form-control class="flex-1">
                            <nz-input [(ngModel)]="empAdd.empCode" name="empCode" [nzSize]="'large'" (nzBlur)="empCodeexit(empAdd.empCode)"  id="empCodes" [nzPlaceHolder]="'员工代码'" nzId="empCode"></nz-input>
                            <nz-alert *ngIf='isSlash' nzBanner nzMessage="已存在相同的员工代码，请重新输入"></nz-alert>
                        </div>
                    </div>
                </div>
                <div nz-col [nzSpan]="12" class="mb-md">
                    <div nz-form-item class="d-flex">
                        <div nz-form-label><label>性别</label></div>
                        <div nz-form-control class="flex-1">
                            <nz-select style="width:100%" [(ngModel)]="empAdd.gender"  name="gender" nzAllowClear [nzSize]="'large'" [nzPlaceHolder]="'性别'" nzId="gender">
                                <nz-option  *ngFor="let i of gender;" [nzLabel]="i.itemName" [nzValue]="i.itemValue"></nz-option>
                            </nz-select>
                        </div>
                    </div>
                </div>
                <div nz-col [nzSpan]="12" class="mb-md">
                    <div nz-form-item class="d-flex">
                        <div nz-form-label><label>直接主管</label></div>
                        <div nz-form-control class="flex-1">
                            <nz-select style="width:100%" [(ngModel)]="empAdd.guidEmpMajor" nzAllowClear
                                       name="guidEmpMajor"  [nzSize]="'large'"
                                       [nzPlaceHolder]="'直接主管'" nzId="supervisor">
                                <nz-option  *ngFor="let i of supervisor;" [nzLabel]="i.empName" [nzValue]="i.guid"></nz-option>
                            </nz-select>
                        </div>
                    </div>
                </div>
                <div nz-col [nzSpan]="12" class="mb-md">
                    <div nz-form-item class="d-flex">
                        <div nz-form-label><label>基本岗位</label></div>
                        <div nz-form-control class="flex-1">
                            <nz-select style="width:100%" [(ngModel)]="empAdd.guidPosition" nzAllowClear
                                       name="guidPosition"  [nzSize]="'large'"
                                       [nzPlaceHolder]="'基本岗位'" nzId="guidPosition">
                                <nz-option  *ngFor="let i of emppost;" [nzLabel]="i.positionName" [nzValue]="i.guid"></nz-option>
                            </nz-select>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 基本信息 -->
            <div *ngIf="ifshow" nz-row [nzType]="'flex'" [nzJustify]="'start'" [nzGutter]="24">
                <!-- 入职日期和离职日期在入职和离职操作里写,这里只用来完善其他信息-->
                <div nz-col [nzSpan]="12" class="mb-md">
                    <div nz-form-item class="d-flex">
                        <div nz-form-label><label>证件类型</label></div>
                        <div nz-form-control class="flex-1">
                            <nz-select style="width:100%" [(ngModel)]="empAdd.paperType" nzAllowClear name="paperType" [nzSize]="'large'" [nzPlaceHolder]="'证件类型'" nzId="paperType">
                                <nz-option  *ngFor="let i of paperType;" [nzLabel]="i.itemName" [nzValue]="i.itemValue"></nz-option>
                            </nz-select>
                        </div>
                    </div>
                </div>
                <div nz-col [nzSpan]="12" class="mb-md">
                    <div nz-form-item class="d-flex">
                        <div nz-form-label class="alignment"><label for="no">证件号码</label></div>
                        <div nz-form-control class="flex-1">
                            <nz-input [(ngModel)]="empAdd.paperNo" name="paperNo" [nzSize]="'large'" [nzPlaceHolder]="'证件号码'" nzId="paperNo"></nz-input>
                        </div>
                    </div>
                </div>
                <div nz-col [nzSpan]="12" class="mb-md">
                    <div nz-form-item class="d-flex">
                        <div nz-form-label class="alignment"><label for="no">出生日期</label></div>
                        <div nz-form-control class="flex-1">
                            <nz-datepicker [(ngModel)]="empAdd.birthDate" name="birthDate" [nzSize]="'large'" [nzPlaceHolder]="'出生日期'" nzId="birthDate" class="d-block"></nz-datepicker>
                        </div>
                    </div>
                </div>
                <div nz-col [nzSpan]="12" class="mb-md">
                    <div nz-form-item class="d-flex">
                        <div nz-form-label class="alignment"><label for="no">手机号码</label></div>
                        <div nz-form-control class="flex-1">
                            <nz-input [(ngModel)]="empAdd.mobileno" name="mobileno" [nzSize]="'large'" [nzPlaceHolder]="'手机号码'" nzId="mobileno"></nz-input>
                        </div>
                    </div>
                </div>
                <div nz-col [nzSpan]="12" class="mb-md">
                    <div nz-form-item class="d-flex">
                        <div nz-form-label class="alignment"><label for="no">家庭邮编</label></div>
                        <div nz-form-control class="flex-1">
                            <nz-input [(ngModel)]="empAdd.hzipcode" name="hzipcode" [nzSize]="'large'" [nzPlaceHolder]="'家庭邮编'" nzId="hzipcode"></nz-input>
                        </div>
                    </div>
                </div>
                <div nz-col [nzSpan]="12" class="mb-md">
                    <div nz-form-item class="d-flex">
                        <div nz-form-label class="alignment"><label for="no">家庭地址</label></div>
                        <div nz-form-control class="flex-1">
                            <nz-input [(ngModel)]="empAdd.haddress" name="haddress" [nzSize]="'large'" [nzPlaceHolder]="'家庭地址'" nzId="haddress"></nz-input>
                        </div>
                    </div>
                </div>
                <div nz-col [nzSpan]="24" class="mb-md">
                    <div nz-form-item class="d-flex">
                        <div nz-form-label><label for="remark">备注:</label></div>
                        <div nz-form-control class="flex-1">
                            <nz-input [(ngModel)]="empAdd.remark"  nzAutosize=true nzType="textarea" name="remark" [nzSize]="'large'" [nzPlaceHolder]="'备注'" nzId="remark"></nz-input>
                        </div>
                    </div>
                </div>
            </div>

        <div *ngIf="!ifshow" class="ng-star-inserted" style=" text-align: right;">
            <button  (click)='basicinfo()' class="ant-btn ant-btn-primary ant-btn-lg ng-star-inserted" ng-reflect-nz-type="primary" ng-reflect-nz-size="large" ng-reflect-nz-loading="false">
<span>完善其他信息</span></button>
        </div>
        <div *ngIf="ifshow" class="ng-star-inserted" style=" text-align: right;">
            <button  (click)='addBack()' class="ant-btn ant-btn-primary ant-btn-lg ng-star-inserted" ng-reflect-nz-type="primary" ng-reflect-nz-size="large" ng-reflect-nz-loading="false">
                <span>返回</span></button>
        </div>
    </ng-template>
    </nz-modal>

    <!--入职弹出框信息-->
    <nz-modal [nzVisible]="onboarding" [nzMaskClosable]="false"  [nzMaskClosable]="false"  [nzWidth]="1024" [nzTitle]="obtitle"  [nzConfirmLoading]="loading" [nzContent]="empOnboarding"
              (nzOnCancel)="onboarding=false" (nzOnOk)="onboardingsave()">
        <ng-template #empOnboarding>
            <div nz-row [nzType]="'flex'" [nzJustify]="'start'" [nzGutter]="24">
                <div nz-col [nzSpan]="12" class="mb-md">
                    <div nz-form-item class="d-flex">
                        <div nz-form-label class="alignment"><label for="no">入职日期</label></div>
                        <div nz-form-control class="flex-1">
                            <nz-datepicker [(ngModel)]="empAdd.indate" [nzFormat]="'YYYY-MM-DD'"    name="entryDate" [nzSize]="'large'" [nzPlaceHolder]="'入职日期'" nzId="entryDate" class="d-block"></nz-datepicker>
                        </div>
                    </div>
                </div>
                <div nz-col [nzSpan]="24" class="mb-md">
                        <div nz-form-item class="d-flex">
                            <div nz-form-label><label for="radioValue">选择操作员:</label></div>
                            <div nz-form-control class="flex-1">
                                <nz-radio-group [(ngModel)]="empAdd.radioValue" (ngModelChange)="checkSelect(empAdd.radioValue)">
                              <span  *ngFor="let i of radioValue;">
                                    <label  nz-radio (click)="select(i)"   [nzValue]='i.key'>
                                        <span>{{i.text}}</span>
                                    </label>
                                </span>
                                </nz-radio-group>
                            </div>
                        </div>
                </div>
                <div nz-col *ngIf="empAdd.radioValue == 'creat'"  [nzSpan]="12" class="mb-md" >
                    <div nz-form-item class="d-flex">
                        <div nz-form-label class="alignment"><label for="userId">操作员</label></div>
                        <div nz-form-control class="flex-1">
                            <nz-input [(ngModel)]="empAdd.userId" name="userId" [nzSize]="'large'" [nzPlaceHolder]="'操作员'" nzId="userId"></nz-input>
                        </div>
                    </div>
                </div>
                <div nz-col *ngIf="empAdd.radioValue == 'extant'"  [nzSpan]="12" class="mb-md" >
                    <div nz-form-item class="d-flex">
                        <div nz-form-label><label>操作员</label></div>
                        <div nz-form-control class="flex-1">
                            <nz-select style="width:100%" [(ngModel)]="empAdd.userId" nzAllowClear name="userId" [nzSize]="'large'" [nzPlaceHolder]="'操作员'" nzId="userId">
                                <nz-option  *ngFor="let i of operData;" [nzLabel]="i.userId" [nzValue]="i.userId"></nz-option>
                            </nz-select>
                            <nz-alert *ngIf='isSlash == true' nzBanner nzMessage="目前暂无可用操作员,请新增操作员"></nz-alert>
                        </div>
                    </div>
                </div>
            </div>
        </ng-template>
    </nz-modal>
    <!--离职弹出框信息-->
    <nz-modal [nzVisible]="departure" [nzMaskClosable]="false" [nzMaskClosable]="false" [nzWidth]="1024" [nzTitle]="'员工离职'"  [nzConfirmLoading]="loading" [nzContent]="empDeparture"
              (nzOnCancel)="departure=false" (nzOnOk)="ondeparturesave()">
        <ng-template #empDeparture>
            <div nz-row [nzType]="'flex'" [nzJustify]="'start'" [nzGutter]="24">
                <div nz-col [nzSpan]="12" class="mb-md">
                    <div nz-form-item class="d-flex">
                        <div nz-form-label class="alignment"><label for="no">离职日期</label></div>
                        <div nz-form-control class="flex-1">
                            <nz-datepicker [(ngModel)]="empAdd.outdate"    name="departure" [nzSize]="'large'" [nzPlaceHolder]="'离职日期'" nzId="departure" class="d-block"></nz-datepicker>
                        </div>
                    </div>
                </div>
            </div>
        </ng-template>
    </nz-modal>
